Ext.Loader.setConfig({
   enabled: true
   ,paths: {
      'Ext': 'js/extjs-4.1.0-rc3/src'
//      'Ext': 'js/extjs-4.1.0-rc1/src'
//      'Ext': 'js/ext-4.0.7-gpl/src'
      ,'VVG': 'app'
      ,'vvg': 'app'
   }
});

Ext.require([
   'Ext.container.Viewport', 'Ext.layout.container.Fit', 'Ext.layout.container.Border'
//   'Ext.container.Viewport', 'Ext.container.Container', 'Ext.layout.container.Fit', 'Ext.layout.container.VBox'
//   ,'VVG.view.ChartView'
]);

(function(vvg){
   var app = vvg.app;
   OpenLayers.ProxyHost = 'cgi-bin/proxy.cgi?url=';
   
   Ext.application({
      name: 'VVG'
      ,appFolder: 'app'
      ,controllers: ['ChartController']
      
      ,launch: function() {
         app.xViewport = Ext.create('Ext.container.Viewport', {
            layout: 'border'
            ,defaults: {
               split: true
            }
            ,items: [{
               xtype: 'mapview'
               ,region: 'center'
            },{
               xtype: 'borechart'
               ,region: 'south'
               ,flex: 0.382
//               ,height: 300
//            },{
//               xtype: 'chartview'
//               ,region: 'south'
//               ,height: 250
            }]
         });
         
         app.xApplication = this;
      }

//      ,launch: function() {
//         app.viewport = Ext.create('Ext.container.Viewport', {
//            layout: 'vbox'
//            ,items: [
//               {
//                  xtype: 'mapview'
//                  ,align: 'stretch'
//                  ,flex: 1
//               }
//               ,{
//                  xtype: 'mapview'
////                  xtype: 'chartview'
//                  ,title: 'Chart'
//                  ,align: 'stretch'
//                  ,flex: 1
//               }
//            ]
//         });
//      }
   });
   
}(window.vvg = window.vvg || {}));


//(function(vvg){
//   
//   vvg.app = vvg.app || {};
//   var app = vvg.app;
//   
//   Ext.application({
//      name: 'VVG'
//      ,appFolder: 'app'
//      ,launch: function() {
//         app.viewport = Ext.create('Ext.container.Viewport', {
//            layout: 'fit'
//            ,items: [
//               {
//                  xtype: 'panel'
//                  ,title: 'Map'
//                  ,html: 'Map will go here'
//               }
//            ]
//         });
//      }
//   });
//   
//}(window.vvg = window.vvg || {}));